<template>
	<view>
		<view class="padding-lg bg-white" style="border-top: 1px solid #f5f5f5;">
			<view class="flex-row justify-between align-center">
				<image src="../../static/images/kefu-1.png" style="width: 30%;" mode="widthFix"></image>
				<image src="../../static/images/kefu-2.png" style="width: 30%;" mode="widthFix"></image>
				<image src="../../static/images/kefu-3.png" style="width: 30%;" mode="widthFix"></image>
			</view>
		</view>
		<view class="padding-lr-lg padding-bottom">
			<view class="worktime">
				咨询时间：早9:00-晚20:00
			</view>
		</view>
		
		<view>
			<textarea class="ipt" v-model="content" placeholder="意见反馈~欢迎提出宝贵意见!" />
			
			<my-btn gold style="margin: 60rpx auto;" @click="submit">提交</my-btn>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: ''
			};
		},
		methods: {
			submit() {
				this.$u.post('/service/feedback', {
					content: this.content
				}).then(res => {
					this.$msg(res.data.msg)
					if (res.data.code==0) {
						this.$msg('提交成功', 1000, true).then(res => {
							this.$goto(1)
						})
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	.ipt {
		margin: 32rpx auto;
		padding: 16rpx;
		width:670rpx;
		height:260rpx;
		background:rgba(245,245,245,1);
		border-radius:4rpx;
		font-size:28rpx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		line-height:40rpx;
	}
	.worktime {
		height: 70rpx;
		background: rgba(238, 188, 128, 0.15);
		font-size: 24rpx;
		line-height: 70rpx;
		text-align: center;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: rgba(147, 107, 41, 1);
	}

	.collapse-item {
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(238, 188, 128, 1);
		margin: 10rpx 0;
	}

	.fankui {
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: rgba(238, 188, 128, 1);
		.text {
			margin-left: 16rpx;
		}
	}
</style>
